window.onload = function () {
    let buttons = document.getElementsByClassName('login_method')[0].getElementsByTagName('button');
    // console.log(buttons);
    let forms = document.getElementsByClassName('layui-form');
    // console.log(forms);
    for (let i = 0; i < buttons.length; i++) {
        let button = buttons[i];
        //console.log(button)
        button.id = i;
        // console.log(button.id);
        // 设置每个button标签的onclick事件
        button.onclick = function () {
            // 清除所有标签的css设置，隐藏dom标签
            for (let j = 0; j < forms.length; j++) {
                buttons[j].className = " ";
                forms[j].style.display = "none";
            }
            // 设置当前标签样式及当前标签下的所有dom标签可见
            this.className = 'current';
            // 当前div可见
            forms[this.id].style.display = 'block';
        }
    }
};

let vm = new Vue({
    el: "#app",
    data: {
        username: "",
        password: "",
        phone: "",
        email: "",
        phoneCode: "",
        emailCode: ""
    },
    methods: {
        // loginByPwd: function () {
        //
        //     // 首先进行前端校验
        //     if (null == this.username || this.username.length == 0) {
        //         layer.tips('用户名不能为空', '#username');
        //         return;
        //     }
        //
        //     if (null == this.password || this.password.length == 0) {
        //         layer.tips('密码不能为空', "#password");
        //         return;
        //     }
        //
        //
        //     let param = "username=" + this.username + "&password=" + this.password;
        //     axios.post('/hire/login/pwd', param).then(function (res) {
        //         // console.log(res.data)
        //         if (res.data.code == '501') {
        //             // console.log("执行这个")
        //             layer.tips(res.data.msg, '#username');
        //         } else if (res.data.code == '502') {
        //             layer.tips(res.data.msg, "#password");
        //         } else if (res.data.code == '503') {
        //             layer.confirm(res.data.msg, function (index) {
        //                 layer.close(index);
        //             });
        //         } else {
        //             //需要把token存储到server中
        //             localStorage.setItem("token", res.data.data);
        //             if (res.data.code == "201") {
        //                 // 转到求职者主页
        //                 // alert("求职者登录成功");
        //                 window.location = '/hire/index';
        //             } else if (res.data.code == "202") {
        //                 // 转到招聘者主页
        //                 // alert("招聘者登录成功");
        //                 window.location = '/hire/employer/index';
        //             }
        //         }
        //     })
        // },
        sendEmail: function () {
            console.log("调用发送验证码方法")
            // 首先获取输入的邮箱
            let email = this.email;
            // 进行邮箱校验 - 定义正则表达式
            let reg = /^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?$/;
            // 进行匹配
            if (!reg.test(email)) {
                layer.tips("邮箱格式非法", '#email');
                return;
            }
            // 进行校验
            let param = "email=" + email;
            $.post('/hire/register/send', param).then(function (res) {
                if (res.code=="404"){
                    layer.msg("邮箱已注册!")
                }else{
                    layer.msg("发送成功")
                }
            });
        },
        registerByEmail1: function () {
            console.log("调用邮箱注册方法");
            // 首先获取输入的邮箱
            let email = this.email;
            // 进行邮箱校验 - 定义正则表达式
            let reg = /^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?$/;
            // 进行匹配
            if (!reg.test(email)) {
                layer.tips("邮箱格式非法", '#email');
                return;
            }

            // 校验验证码
            if (null == this.emailCode || this.emailCode.length == 0) {
                layer.tips("验证码不能为空", "#emailCode");
                return;
            }
            if (this.emailCode.length != 5) {
                layer.tips("验证码错误", "#emailCode");
                return;
            }

            let param = "email=" + email + "&code=" + this.emailCode + "&password=" + this.password;
            $.post('/hire/register/email', param).then(function (res) {
                if(res.code=="200"){
                    layer.msg("注册成功");
                }else {
                    layer.msg("注册失败")
                }
            })
        },
        sendPhone: function () {
            layer.msg("手机发送验证码")
        },
        loginByPhone: function () {
            layer.msg("手机验证登录")
        }
    }
});